* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.app {
    font-size: 16px;
}

ul {
    list-style: none;
}

/* header */
.header_title {
    background-color: #4CCDE0;
    position: relative;
    height: 3.5em;
    width: 100%;
}

.header_title h1,
.header_title .left_img,
.header_title .right_img {
    position: absolute;
    color: #ffffff;
    top: 50%;
    transform: translateY(-50%);
}

.header_title .left_img {
    left: 1em;
    height: 1.5em;
}

.header_title .right_img {
    right: 1em;
    height: 1.3em;
}

.header_title h1 {
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    font-size: 1.5em;
    font-weight: unset;
}

/* li */
li {
    border-bottom: 1px solid #ccc;
    position: relative;
    height: 3em;
    color: #727272;
}

li:nth-of-type(1){
    background-color: #e3e3e3;
}

li p {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

li p:nth-of-type(1) {
    width: 30%;
    padding-left: 1em;
}

li p:nth-of-type(2) {
    width: 70%;
    right: 0;
}